<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <img src="images/toolbar.png" alt="">
    <div class="card-view">
        <!--绿色卡片  -->
        <div class="card card-all">
            <!--标题  -->
            <h4 class="card-top">全场优惠<span>1/1</span></h4>
            <!-- 卡片内容 -->
            <div class="content">
                <div class="main-content">
                    <div class="manJian">全场满300减10</div>
                    <div class="two11">双十一特价优惠全场满就减</div>
                    <div class="time">
                        <span class="icon-time"></span> 14-11-12 20:12 至 14-11-12 23:12
                        <span class="begin">即将开始</span>
                    </div>
                </div>
                <div class="share clearfix">
                    <a href="javascript:;"><span class="icon-edit"></span>编辑</a>
                    <a href="javascript:;"><span class="icon-share"></span>分享</a>
                </div>
            </div>

        </div>
        <!--紫色卡片  -->
        <div class="card card-cheap">
            <!--标题  -->
            <h4 class="card-top">优惠券<span>2/3</span></h4>
            <!-- 卡片内容 -->
            <!--无分享  -->
            <div class="content card-noshare">
                <div class="main-content">
                    <div class="money">
                        <span class="rmb">￥</span>
                        <span class="num">5</span>
                        <span class="text">（满0.00可用）</span>
                    </div>
                    <div class="card-text">已领取/已使用：12/22 发行总数：1230</div>
                    <div class="time">
                        <span class="icon-time"></span> 14-11-12 至 14-11-12 
                        <span class="begin">已领取完</span>
                    </div>
                </div>
            </div>
            

        </div>
        <!--紫色2  -->
        <div class="card card-cheap twoPre">
            <!--标题  -->
            <!-- 卡片内容 -->
            <!--无分享  -->
            <div class="content card-noshare card-share">
                <div class="main-content">
                    <div class="money">
                        <span class="rmb">￥</span><span class="num">20</span><span class="text">（满500.00可用）</span>
                    </div>
                    <div class="card-text">已领取/已使用：12/22 发行总数：1230</div>
                    <div class="time">
                        <span class="icon-time"></span> 14-11-12 至 14-11-12
                        <span class="begin">正在进行</span>
                    </div>
                </div>
                <div class="share clearfix">
                    <a href="javascript:;"><span class="icon-edit"></span>编辑</a>
                    <a href="javascript:;"><span class="icon-share"></span>分享</a>
                </div>
            </div>


        </div>

        <!--添加  -->
        <div class="card-add">
            <span class="icon-add"></span>
            <p>添加优惠券</p>
        </div>

        <!--提示  -->
        <div class="tip">
            <p>提示：</p>
            <p>1、买家下单时只可选择其一（全场优惠或优惠券）</p>
            <p>2、优惠券一旦设置后不可修改</p>
        </div>
        
    </div>
</body>

</html>